<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!--定义viewport-->
    <!--
        1.申明viewport  name="viewport"
        2.设置viewport参数 和 功能
            1.width 视口的宽度  固定像素   特色的值  device-width
            2.initial-scale 视口默认的缩放比
            3.user-scalable 是否运行用户自行缩放   0，1 或者 no,yes
            4.minimum-scale 最小缩放比
            5.maximum-scale 最大缩放比
    -->
    <!--主流的视口设置   优先解释-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0" />
    <!--emmet meta:vp-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title></title>
    <style>
        body{
            margin: 0;
            padding: 0;
        }
        .container{
            width: 100%;
            margin: 0 auto;
            height: 1000px;
            background: red;
        }
    </style>
</head>
<body>
<div class="container">
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
</div>
</body>
</html>